@charset "UTF-8";
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, select, textarea, button, th, td, menu {
  margin: 0;
  padding: 0;
}

ul, dl, ol {
  list-style: none;
}

img, fieldset, input[type="submit"] {
  border: 0 none;
}

em {
  font-style: normal;
}

strong {
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, input[type="button"] {
  cursor: pointer;
  border: 0 none;
}

a, button, input, img {
  -webkit-touch-callout: none;
}

img {
  pointer-events: none;
  /*禁止图片的点击事件，例如长按保存图片*/
}

input, select, textarea {
  outline: none;
}

a {
  text-decoration: none;
  color: black;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

html, body {
  /*禁止用户选择元素*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  /*禁止元素点击出现半透明黑色背景*/
  -webkit-tap-highlight-color: transparent;
}

html {
  height: 100%;
  width: 100%;
  font-family: 'Microsoft YaHei','Heiti SC';
  outline: 0;
  -webkit-text-size-adjust: none;
  font-size: 14px;
}

body {
  height: 100%;
  margin: 0;
  position: relative;
}

@font-face {
  font-family: "myfont";
  src: url("../images/xiaowanzi.ttf") format("truetype");
}

.container {
  width: 6.4rem;
  height: autorem;
  position: relative;
  box-sizing: border-box;
  padding: 0 0.42rem;
  padding-bottom: .91rem;
  background: url(../images/index-bg.png) no-repeat;
  background-size: 100% 100%;
  font-family: "myfont";
  text-align: center;
}

.container .title {
  padding-top: 1.02rem;
  padding-bottom: .44rem;
  font-size: 0.3333rem;
  color: #fff;
}

.container img {
  margin-bottom: 1.52rem;
  width: 2.5rem;
  height: autorem;
}

.container .list {
  text-align: left;
}

.container .list a {
  width: 3.68rem;
  height: 0.66rem;
  background: url(../images/btn-white.png) no-repeat;
  margin-bottom: .24rem;
  margin-left: .12rem;
  line-height: .58rem;
  display: inline-block;
  text-indent: .24rem;
  font-size: 0.2752rem;
  font-weight: bold;
  background-size: 100% 100%;
}

.container .dog {
  width: 0.85rem;
  height: 0.97rem;
  margin: 0;
  position: absolute;
  right: .78rem;
  bottom: .78rem;
}

.container img {
  width: 2.5rem;
}

.container .title p {
  text-align: left;
}

.container .title p:last-of-type {
  text-indent: .3rem;
}

.container .list a:nth-of-type(4) {
  background: url(../images/btn-yellow.png) no-repeat;
}
